<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" charset="utf-8">
<link href="bootstrap.min.css" rel="stylesheet">
<title>登陆页面</title>
<style>

.panel-heading,.bg-primary,.btn-primary
{
	background: #70a19f;
	border-color: #70a19f; 
}
#butt
{
	background: #70a19f;
	border-color: #70a19f;
	color: white;
	border-radius: 3px;
	padding: 7px;
}

</style>
</head>
<body style="background-color: #e6fbf7 ; overflow: hidden;">

	<div class="row" >
        <div><img src=""></div>
		<div class="col-md-10" style="margin-top:100px; margin-left: 360px;   ">
			<form name="myform" class="form-horizontal" role="form" action="" method="post">
				<div class="form-group">
					<label for="std_email" class="col-sm-2 control-label">邮箱</label>
					<div class="col-sm-3">
						<input type="text" class="form-control" id="std_email" name="std_email" onblur="checkstdEmail()">
					</div>
					<div class="col-sm-5">
						<label id="std_email_tip" class="control-label" style="color:red"></label>
					</div>
				</div>

				<div class="form-group">
                    <label for="std_paw" class="col-sm-2 control-label">密码</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" id="std_paw" name="std_paw" onblur="">
                    </div>
                    <div class="col-sm-5">
                        <label id="std_paw_tip" class="control-label" style="color:red"></label>
                    </div>
                </div>
                <div id="button" style="display: inline;">

				<div class="form-group">
					<div class="col-sm-2 control-label" style="color:red;font-weight: bold;float: left;"></div>
					<div class="col-sm-4">
						<input type="button" id="butt" onclick="home()" value="登陆">
                        <p id="searchResult"></p>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label" style="color:red;font-weight: bold;float: left;"></div>
					<div class="col-sm-4">
						
						<input type="button" id="butt" onclick="signIn()" value="注册">
                        <p id="searchResult"></p>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-2 control-label" style="color:red;font-weight: bold;float: left;"></div>
					<div class="col-sm-4">
						<input type="button" id="butt" onclick="verify()" value="忘记密码">
					</div>
				</div>
			</div>
			</form>
		</div>
	</div>
	<script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
    function checkstdEmail()
{
    var reg=/^([a-zA-Z0-9_-])+@[a-zA-Z0-9_-]+((\.[a-z]{2,3}){1,2})$/;
    var std_email=document.myform.std_email;
    if(!reg.test(std_email.value))
    {
        document.getElementById("std_email_tip").innerHTML="<img src='images/error.png'>请输入正确格式Email!";
        std_email.focus();
        return false;
    }
    else
    {
        document.getElementById("std_email_tip").innerHTML="<img src='images/right.png'>";
        return true;
    }
}
    function signIn()
    {
    	window.location.href="sign-in.html";
    }
    function verify()
    {
    	window.location.href="verify2.html";
    }
    function home()
    {
        window.location.href="home.html";
    }	

    </script>
</body>
</html>